<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>搜索指标</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <!-- <link rel="stylesheet" href="/Resources/2.0/css/mui.min.css"> -->
    <link rel="stylesheet" href="/Resources/2.0/css/public.css">
    <link rel="stylesheet" href="/Resources/2.0/css/searchAim.css">
    <script src="/Resources/2.0/js/size.js"></script>


</head>

<body>
    <div class="searchAim flexall" id="app">
        <div class="search flexall-hor">
            <div class="back">
                <i class="icon icon-back"></i>
            </div>
            <div class="search-input flex">
                <div class="search-input-inner">
                    <i class="icon icon-search"></i>
                    <input type="text">
                    <i class="icon icon-clear"></i>
                </div>
            </div>
            <a href="javascript:;" class="search-handle">
                搜索
            </a>
        </div>
        <ul class="search-list flex scroll-body">
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材销量
                </div>
                <div class="label">
                    <span class="label-text">
                        钢材销量
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
            <li>
                <div class="text">
                    建材社会库存
                </div>
                <div class="label">
                    <span class="label-text">
                        社会库存
                    </span>
                    <span class="star">
                        <i class="icon icon-star"></i>
                    </span>
                </div>
            </li>
        </ul>
    </div>

    <script src="/Resources/2.0/js/zepto.js"></script>
    <script src="/Resources/2.0/js/mui.min.js"></script>
    <script src="/Resources/2.0/js/public.js"></script>
    <script>
        // 收藏
        mui('.search-list').on('tap', '.star', function () {
            Zepto(this).find('.icon-star').toggleClass('active')
        })
    </script>

</body>

</html>